<head>
<style type="text/css">
body
	{
		background-image: url('graytexture.jpg');	
	}
a:visited
	{
		border-style: none;
		color: white;
		display: none;
	}
#wrapper
	{
		margin-right: auto;
		position: absolute;
		display: block;
		width: 1320px;
		background-color: #006699;
		-moz-box-shadow: 20px 20px 20px #292929;
		-webkit-box-shadow: 20px 20px 20px #292929;
		box-shadow: 20px 20px 20px #292929;
	}
#break
	{
		position: relative;
		display: block;
		width: 100%;
		height: 10px;
		background-image: url('GrayGradient.png');	
		-moz-border-radius: 1px;
		border-radius: 1px;
	}

h1 
	{	
		text-align: center;
		padding: 5px;
		background-color: #EAEAEA;
		color: #646A6A;
		font-size: 24;
		font-family: Arial;
		-moz-box-shadow: 3px 3px 4px gray;
		-webkit-box-shadow: 3px 3px 4px gray;
		box-shadow: 3px 3px 4px gray;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
img 
	{
		border-style: none;
	}
#dmlogo
	{
		position:absolute;
		top: 5px;
		right: -70px;
		width:500px;
		height:100px;
		background-image: url('DMFull410x100.png');
		background-repeat: no-repeat;
	}	
#areas
	{
		background-image: url('BlueGradient.png');
		position: absolute;
		margin-top: 50px;
		margin-left: 50px;
		padding: 20px;
		left: 0px;
		width: 200px;
		border: 2px solid gray;
		-moz-box-shadow: 3px 3px 20px #292929;
		-webkit-box-shadow: 3px 3px 20px #292929;
		box-shadow: 3px 3px 20px #292929;
		-moz-border-radius: 5px;
		border-radius: 5px;
		z-index: 5;
	}
#areas a
	{
		font-family: Arial;
	}
#areas a em
	{	
		display: none;
	}
#areas a:hover em
	{	
		padding: 5px;
		color: #646A6A;
		background-color: #EAEAEA;
		display: block;
		font-style: normal;
		font-family: Arial;
		text-decoration: none;
		border: 1px solid gray;
		-moz-box-shadow: 3px 3px 20px #292929;
		-webkit-box-shadow: 3px 3px 20px #292929;
		box-shadow: 3px 3px 20px #292929;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
#areas a span
	{
		display: none;
	}
#areas a:link
	{
		padding: 1px;
		color: white; 
		text-decoration: none;
	}
#areas a:hover 
	{
		color: white; 
		text-decoration: none;
		background-color: #3399FF;
	}
#areas a:hover span
	{
		display: block;
	}	
#textlink_ca span
	{
		position: absolute;
		display: block;
		top: 100px;
		left: 275px;
		text-align: center;
		z-index: 100;
	}

#textlink_az span
	{
		position: absolute;
		display: block;
		top: 250px;
		left: 350px;
		text-align: center;
		z-index: 100;
	}
#textlink_id span
	{
		position: absolute;
		display: block;
		top: -55px;
		left: 385px;
		text-align: center;
		z-index: 100;
	}
#textlink_mi span
	{
		position: absolute;
		display: block;
		top: -10px;
		left: 780px;
		text-align: center;
		z-index: 100;
	}
#textlink_nv span
	{
		position: absolute;
		display: block;
		top: 100px;
		left: 300px;
		text-align: center;
		z-index: 100;
	}
#textlink_ny span
	{
		position: absolute;
		display: block;
		top: 60px;
		left: 950px;
		text-align: center;
		z-index: 100;
	}
#textlink_oh span
	{
		position: absolute;
		display: block;
		top: 150px;
		left: 895px;
		text-align: center;
		z-index: 100;
	}
#textlink_tx span
	{
		position: absolute;
		display: block;
		top: 210px;
		left: 445px;
		text-align: center;
		z-index: 100;
	}
#textlink_tn span
	{
		position: absolute;
		display: block;
		top: 275px;
		left: 815px;
		text-align: center;
		z-index: 100;
	}
#textlink_ut span
	{
		position: absolute;
		display: block;
		top: 125px;
		left: 390px;
		text-align: center;
		z-index: 100;
	}
#textlink_dc span
	{
		position: absolute;
		display: block;
		top: 110px;
		left: 915px;
		text-align: center;
		z-index: 100;
	}
	
	
	
#imapwrapper
	{
		background-image: url('USAMapDM.png');
		background-repeat: no-repeat;
		position: relative;
		width:	1000px;
		height: 700px;
		margin-left: 300px;	
	}
#imap
	{	
		width: 1000px;
		height: 700px;
	}
#imap a em
	{	
		display: none;
	}
#imap a:hover em
	{	
		padding: 5px;
		color: #646A6A;
		background-color: #EAEAEA;
		display: block;
		width: 150px;
		font-style: normal;
		font-family: Arial;
		text-decoration: none;
		border: 1px solid gray;
		-moz-box-shadow: 3px 3px 20px #292929;
		-webkit-box-shadow: 3px 3px 20px #292929;
		box-shadow: 3px 3px 20px #292929;
		-moz-border-radius: 1px;
		border-radius: 1px;
	}
#imap a span, #imap a:visited span 
	{
		display: none;
	}
#imap a:hover
	{
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
#imap a:hover span
	{
		display: block;	
		border-style: none;
		z-index: 50;
		
	}
#imap a#link_ca
	{	
		position: absolute;
		display: block;
		top: 199px;
		left: 51px;
		width:150px;
		height: 250px;
		z-index: 50;
		
	}
#imap a#link_az
	{	
		position: absolute;
		display: block;
		top: 345px;
		left: 172px;
		width:150px;
		height: 125px;	
		z-index: 50;
		
	}
#imap a#link_id
	{	
		position: absolute;
		display: block;
		top: 75px;
		left: 180px;
		width:100px;
		height: 160px;	
		z-index: 100;
		
	}
#imap a#link_mi
	{	
		position: absolute;
		display: block;
		top: 135px;
		left: 599px;
		width:140px;
		height: 125px;	
		z-index: 75;
		
	}
#imap a#link_nv
	{	
		position: absolute;
		display: block;
		top: 214px;
		left: 109px;
		width:120px;
		height: 125px;	
		z-index: 75;
		
	}
#imap a#link_ny
	{	
		position: absolute;
		display: block;
		top: 156px;
		left: 779px;
		width:150px;
		height: 75px;	
		z-index: 75;
		
	}
#imap a#link_oh
	{	
		position: absolute;
		display: block;
		top: 245px;
		left: 695px;
		width:75px;
		height: 75px;	
		z-index: 75;
		
	}
#imap a#link_tx
	{	
		position: absolute;
		display: block;
		top: 379px;
		left: 318px;
		width:250px;
		height: 240px;	
		z-index: 50;
		
	}
#imap a#link_tn
	{	
		position: absolute;
		display: block;
		top: 359px;
		left: 612px;
		width: 160px;
		height: 60px;	
		z-index: 50;
				
	}
#imap a#link_ut
	{	
		position: absolute;
		display: block;
		top: 234px;
		left: 208px;
		width: 100px;
		height: 130px;	
		z-index: 100;
		
	}
#imap a#link_dc
	{	
		position: absolute;
		display: block;
		top: 223px;
		left: 736px;
		width: 177px;
		height: 150px;	
		z-index: 50;
		
	}


</style>
</head>
<body>
	<div id="wrapper">
		<div id="break">
		</div>
		<div id="areas">
				<h1> STATE - MLS </h1>
				<a id="textlink_az" href="areaname.html">Arizona - ARMLS <span><img src="az-armls.png"><em>MLS: ARMLS<br /> PR: IMAPP<br />Users: 20</em></span></a>
				<br /><a id="textlink_az" id="textlink_az" href="areaname.html">Arizona - TARMLS<span><img src="az-tarmls.png"><em>MLS: TARMLS <br />PR: CRS <br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - CLAW<span><img src="ca-claw.png"><em>MLS: CLAW<br />PR: Realist<br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - SOCALMLS<span><img src="ca-socal.png"><em>MLS: SOCALMLS<br />PR: Realist<br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - CRMLS<span><img src="ca-crmls.png"><em>MLS: CRMLS<br />PR: Realist<br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - Bay Area<span><img src="ca-bayarea.png"><em>MLS: Bay Area<br />PR: NDC<br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - LA Basin<span><img src="ca-labasin.png"><em>MLS: LA Basin<br />PR: Realist<br />Users: 20</em></span></a>
				<br /><a id="textlink_ca" href="areaname.html">California - SANDICOR<span><img src="ca-sandicor.png"><em>MLS: SANDICOR<br />PR: Realist<br />Users: 20</em></span></a>
				<br /><a id="textlink_id" href="areaname.html">Idaho - IMLS<span><img src="id-imls.png"><em>MLS: IMLS<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_mi" href="areaname.html">Michigan - Realcomp<span><img src="mi-realcomp.png"><em>MLS: REALCOMP<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_nv" href="areaname.html">Nevada - GLVAR<span><img src="nv-glvar.png"><em>MLS: GLVAR<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_ny" href="areaname.html">New York - Geodata<span><img src="ny-geodata.png"><em>MLS: GEODATA<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_ny" href="areaname.html">New York - MLSLI<span><img src="ny-mlsli.png"><em>MLS: MLSLI<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_oh" href="areaname.html">Ohio - NEOHREX<span><img src="oh-neohrex.png"><em>MLS: NEOHREX<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_tx" href="areaname.html">Texas - NTREIS<span><img src="tx-ntreis.png"><em>MLS: NTREIS<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_tn" href="areaname.html">Tennesse - MTRMLS<span><img src="tn-mtrmls.png"><em>MLS: MTRMLS<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_ut" href="areaname.html">Utah - WFR<span><img src="ut-wfr.png"><em>MLS: WFR<br />PR: RETS<br />Users: 20</em></span></a>
				<br /><a id="textlink_dc" href="areaname.html">Washington D.C. - MRIS<span><img src="dc-mris.png"><em>MLS: MRIS<br />PR: RETS<br />Users: 20</em></span></a>
		</div>
		<div id="imapwrapper">
			
			<div id="imap">
				<a id="link_ca" href="#nogo"><span><img src="ca.png"><em>State: California<br />MLS: CLAW<br />MLS: SOCALMLS<br />MLS: CRMLS<br />MLS: Bay Area<br />MLS: LA Basin<br />MLS: SANDICOR<br />Total Users: 20</em></span></a>
				<a id="link_az" href="areaname.html"><span><img src="az.png"><em>State: Arizona<br />MLS: ARMLS<br />MLS: TARMLS<br />Total Users: 20</em></span></a>
				<a id="link_id" href="areaname.html"><span><img src="id.png"><em>State: Idaho<br />MLS: IMLS<br />Total Users: 20</em></a>
				<a id="link_mi" href="areaname.html"><span><img src="mi.png"><em>State: Michigan<br />MLS: Realcomp<br />Total Users: 20</em></a>
				<a id="link_nv" href="areaname.html"><span><img src="nv.png"><em>State: Nevada<br />MLS: GLVAR<br />Total Users: 20</em></span></a>
				<a id="link_ny" href="areaname.html"><span><img src="ny.png"><em>State: New York<br />MLS: GEODATA<br />MLS: MLSLI<br />Total Users: 20</em></span></a>
				<a id="link_oh" href="areaname.html"><span><img src="oh.png"><em>State: Ohio<br />MLS: NEOHREX<br />Total Users: 20</em></a>
				<a id="link_tx" href="areaname.html"><span><img src="tx.png"><em>State: Texas<br />MLS: NTREIS<br />Total Users: 20</em></a>
				<a id="link_tn" href="areaname.html"><span><img src="tn.png"><em>State: Tennessee<br />MLS: MTRMLS<br />Total Users: 20</em></a>
				<a id="link_ut" href="areaname.html"><span><img src="ut.png"><em>State: Utah<br />MLS: WFR<br />Total Users: 20</em></a>
				<a id="link_dc" href="areaname.html"><span><img src="dc.png"><em>State: Washington D.C.<br />MLS: MRIS<br />Total Users: 20</em></a>
			</div>	
		</div>	
		
		
		<div id="dmlogo">
		</div>
		<div id="break">
		</div>
	</div>
</body>